body{margin:0; padding:0;}
i{margin-right: 3px;}
.tab{cursor: pointer;}
.wfix{width:1200px; margin:0 auto; padding:10px;}


/*打卡活动专区*/
.box-poem-activity{padding: 10px;margin-bottom: 20px;}
.box-poem-activity .title{
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 5px;
}
.box-poem-activity .activity-time{border-bottom: 1px solid #666;margin-bottom: 10px;font-size: 14px;padding-bottom: 5px;}
.box-poem-activity .activity-time i{ font-size: 16px;}
.box-poem-activity .activity-time .activity-status-label{padding: 2px 10px;}
.box-poem-activity .content{    display: flex;flex-direction: row;}
.box-poem-activity .content .left{flex:2}
.box-poem-activity .content .right{flex:6}

.box-poem-plan{padding: 10px;margin: 20px 0px;}
.tab-content{display: none; padding:20px 10px;}
.active{display: block;}
.box-poem-plan .tab{padding: 2px 20px;  font-size: 14px;}
.box-poem-plan .tab.current{background: #333;border-bottom: 2px solid #aaa;    padding-bottom: 2px;}

/** 顶部导航 **/
.yj-topbar{position: fixed; top: 0px; width: 100%; height: 80px; line-height: 80px; z-index:99;}
.yj-topbar-left {width:400px; display: flex; float:left;}
.yj-topbar-left-item{flex:1; text-align: center;}
.yj-topbar-left-item:hover{cursor: pointer;}
.yj-topbar-right {float:right;overflow: auto;}
.yj-topbar-right-item{width:100px; text-align: center;}